<style>
    .item-flex {
        display: flex;
        align-items: center;
    }
    .input-with-icon {
        position: relative;
    }

    .input-with-icon .layui-input {
        width: 350px;
        padding-right: 30px;
    }

    .input-with-icon .layui-icon {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        cursor: pointer;
        color: #999;
        font-size: 24px;
    }
</style>
<div class="febs-container" id="incentiveGoodsOrder-handOut">
    <div class="febs-open-body">
        <form class="layui-form" action="" lay-filter="incentiveGoodsOrder-handOut-form">
            <div class="layui-form-item febs-hide">
                <label class="layui-form-label febs-form-item-require">主键：</label>
                <div class="layui-input-block">
                    <input type="text" name="goodsOrderId" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-row">
                    <div class="layui-col-xs12">
                        <label class="layui-form-label febs-form-item-require" >兑换码：</label>
                        <div class="layui-input-block item-flex">
                            <div class="input-with-icon">
                                <input type="text" name="code" placeholder="请扫描" autocomplete="off"
                                       class="layui-input" lay-verify="required" value="0953c04b3ffd3cf6b04615957fa29857"> <i
                                    class="layui-icon layui-icon-scan layui-icon-template-1" id="scanIcon"></i>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs12" style="margin-top: 10px">
                        <label class="layui-form-label febs-form-item-require">兑现用户：</label>
                        <div class="layui-input-block layui-input-block-html" id="people">

                        </div>
                    </div>
                    <div class="layui-col-xs12" style="margin-top: 10px">
                        <label class="layui-form-label febs-form-item-require">兑现奖品：</label>
                        <div class="layui-input-block">
                            <div class="febs-table-full" style="padding:0">
                                <table lay-filter="goodsTable" id="goodsTable'}"
                                       lay-data="{id: 'goodsTable'}"></table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="layui-form-item febs-hide">
                <button class="layui-btn" lay-submit="" lay-filter="incentiveGoodsOrder-handOut-form-submit"
                        id="submit"></button>
                <button class="layui-btn" lay-submit="" lay-filter="incentiveGoodsOrder-cancel-form-submit"
                        id="cancel"></button>
                <button type="reset" class="layui-btn" id="reset"></button>
            </div>
        </form>
    </div>
</div>
<script data-th-inline="javascript">
    var incentiveGoodsOrder = [[${incentiveGoodsOrder}]]
    var itemList = [[${itemList}]]
    var userList = [[${userList}]]
</script>
<script th:src="@{/febs/js/incentive/incentiveGoodsOrder/incentiveGoodsOrderHandOut.js(v=1)}"></script>